<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>登录</title>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.11.1.js"></script>
</head>
<body>
    <h1>欢迎注册</h1>
<form action="/javaweb/user?method=register" method="post">
    <p><input type="text" name="username" placeholder="请输入用户名"><span id="show"></span></p>
    <p><input type="password" name="password" placeholder="请输入密码" ></p>
    <p><input type="submit" value="立即注册"></p>
</form>

    <script>
        //username 文本框 失去焦点 发送ajax请求 验证用户名是否可用
        $(function () {
            $(":text").blur(function () {
                //获取文本框的内容
                var tx = $(this).val();
                //发送ajax请求
                // $.ajax({
                //     url:'/javaweb/user?method=checkUserName',
                //     data:{'username':tx},
                //     dataType:'json',
                //     type:'post',
                //     success:function (res) {
                //         $("#show").text(res.msg);
                //        if(res.code==200){
                //             $("#show").css("color", "green");
                //        }else{
                //            $("#show").css("color", "red");
                //        }
                //     }
                // })

                $.get('/javaweb/user?method=checkUserName',{'username':tx},function (res) {
                    $("#show").text(res.msg);
                    if(res.code==200){
                        $("#show").css("color", "green");
                    }else{
                        $("#show").css("color", "red");
                    }
                },'json')
            })
        })
        
    </script>
</body>
</html>
